.list{width:100%; max-width:640px; min-height:320px; background:#f4f4f6; padding-top:50px; padding-bottom:50px; z-index:100;}

.list .detail{ padding-bottom:0px;}
.list .detail .ProInfo{ width:100%; background-color:#fff; border-bottom:1px solid #e6e6e6; padding-bottom:3px;}
.list .detail .Panel{ border-bottom:1px solid #cdcdcd;}
.list .detail .ProInfo .ProName{ max-height:60px; line-height:30px; text-align:left; font-size:15px; color:#323232; margin-left:8px; margin-right:3px; padding-top:3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-top:1px solid #e6e6e6;}
.list .detail .ProInfo .ProPay{ height:25px; line-height:25px; overflow:hidden; zoom:1; margin:0px 2px; font-size:14px;}
.list .detail .ProInfo .ProPay .price{ float:left; text-align:left; color:#fc8239; margin-left:5px; font-size:14px;}
.list .detail .ProInfo .ProPay .price span{ color:#fc8239; font-size:20px; margin:0px;}
.list .detail .ProInfo .ProPay .payType{ float:left; margin-left:5%; text-align:right; color:#b2b2b2;}
.list .detail .ProInfo .ProPay .payType del{ color:#b2b2b2;}
.list .detail .ProInfo .ProOther ul{ overflow:hidden; margin:0px 10px;}
.list .detail .ProInfo .ProOther ul li{ float:left; width:33.3%; color:#999; font-size:12px; height:30px; line-height:30px; text-align:center;}
.list .detail .ProInfo .ProOther ul li:first-child{ text-align:left;}
.list .detail .ProInfo .ProOther ul li:last-child{ text-align:right;}


.list .detail .ProProp { margin:10px;}
.list .detail .ProProp .Prop{ background:#fafafa;}
.list .detail .ProProp h1{ border:1px solid #e6e6e6; background:#f5f5f5; color:#646464; font-size:16px; height:40px; line-height:40px; font-weight:normal; padding-left:10px; border-radius: 4px;}
.list .detail .ProProp dl{ margin:10px; border-top:1px solid #f3f3f3; padding-bottom:20px;}
.list .detail .ProProp dl dt{ color:#000; padding:5px;}
.list .detail .ProProp dl dd { overflow:hidden; zoom:1; margin-left:0px;}
.list .detail .ProProp dl dd .reduce,
.list .detail .ProProp dl dd .Add{ float:left; width:30px; height:30px; line-height:30px; font-size:1.0em; font-weight:bold; text-align:center; border:1px solid #a0a0a0; background-color:#fff; cursor:pointer; color:#999;}
.list .detail .ProProp dl dd .Number{ float:left; width:50px; height:30px; line-height:30px; text-align:center; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; background-color:#fff;}
.list .detail .ProProp dl dd .Number input{ float:left; width:50px; height:30px; line-height:30px; font-size:1em; text-align:center; border:none; background:none; color:#e93967;}
.list .detail .ProProp dl.NumLine dd span{ font-size:0.8em; margin-left:10px;}
.list .detail .ProProp dl.NumLine dd span em{ font-style:normal;}
.list .detail .ProProp dl.SizeLine{ margin-top:0px;}
.list .detail .ProProp dl.SizeLine dd ul{ overflow:hidden; zoom:1;}
.list .detail .ProProp dl.SizeLine dd ul li { float:left; cursor:pointer; text-align:center; width:22%; height:30px; line-height:30px; margin-right:2%; margin-bottom:8px; border:1px solid #ccc; background-color:#fff; font-size:0.8em;}
.list .detail .ProProp dl.SizeLine dd ul li.selected{ border-color:#e4e4e4; background-color:#ff9000; color:#fff;}
.list .detail .Action { padding:20px 0px; margin:0px auto;}
.list .detail .Action input[type=button]{ -webkit-appearance: none; display:block; color:#fff; width:70%; margin:0px auto; height:40px; line-height:36x; text-align:center; font-size:18px; cursor:pointer; background:#e93967; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}

.swipePanel{ padding:0px;}
.swipePanel .swipe { overflow: hidden;}
.swipePanel .swipe ul { float: left; -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; }
.swipePanel .swipe #pagenavi { position: absolute; width: 120px; left: 50%; margin-left:-60px; bottom: 5px; text-align: center; }
.swipePanel .swipe #pagenavi a { width: 6px; height: 6px; line-height: 99em; border:2px solid #fff; background: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 4px; overflow: hidden; cursor: pointer; display: inline-block; *display: inline; *zoom: 1;}
.swipePanel .swipe #pagenavi a.active { background: #fff; border:2px solid #000;}
.swipePanel .shadow{ width:100%; margin-bottom:0px;}
.swipePanel .shadow img{ margin-top:10px; height:23px;}

.list .detail .ProIntro{ margin-top:10px; background-color:#fff;}
.list .detail .ProIntro .tab{ border-top:1px solid #e6e6e6; overflow:hidden; zoom:1;}
.list .detail .ProIntro .tab span{ display:block; height:35px; line-height:35px; font-size:15px; cursor:pointer; border-bottom:1px solid #e6e6e6; padding-left:10px;}
.list .detail .ProIntro .tab span em{ font-style:normal;}
.list .detail .ProIntro .about{ color:#fff; font-size:12px; line-height:22px; color:#333; padding:10px;}
.list .detail .ProIntro .Reviews dl{ position:relative; padding-top:30px; padding-left:0px; color:#000; margin-bottom:10px; border-top:1px solid #e6e6e6;}
.list .detail .ProIntro .Reviews dl:first-child{ border-top:none;}
.list .detail .ProIntro .Reviews dl dt{ width:100%; position:absolute; top:3px; height:30px;}
.list .detail .ProIntro .Reviews dl dt img{ width:50px; height:50px; border-radius:50px; background:#e04d52; position:absolute; top:5px; left:0px;}
.list .detail .ProIntro .Reviews dl dt .commentator{ width:auto; margin-left:60px; height:30px; line-height:30px; font-size:0.8em;}
.list .detail .ProIntro .Reviews dl dt .time{ position:absolute; height:30px; line-height:30px; right:10px; top:0px; width:auto; text-align:right; font-size:0.8em; color:#686c6e;}
.list .detail .ProIntro .Reviews dl dd{ font-size:1.0em; padding-top:10px; padding-left:60px; padding-right:15px; }
.list .detail .ProIntro .more{ color:#333; font-size:14px; text-align:center; height:35px; line-height:35px; border-top:1px solid #e6e6e6; margin:0px 10px;}
.list .detail .ProIntro .spxq dt{}
.list .detail .ProIntro .consult{ padding:5px 10px;}
.list .detail .ProIntro .consult h1{ font-size:14px;}
.list .detail .ProIntro .consult textarea{
	display:block; width:100%;
	margin-top:10px;
	color:#020202; 
	line-height:30px; 
	text-align:left; 
	overflow:hidden;
	border-radius: 3px;
	outline: 0;
	border: #e6e6e6 1px solid;
	padding: 0 0 0 10px;
	-webkit-transition: box-shadow .5s;
	font-size:14px;}
.list .detail .ProIntro .consult .Action{ padding:5px 0px;}
.list .detail .ProIntro .consult .Action input[type=button]{ width:100%;}

.list .detail .ProIntro .FAQ{ width:100%; background: #fff; -webkit-transition: box-shadow .5s;}
.list .detail .ProIntro .FAQ dl{ position:relative; color:#000; margin:10px;}
.list .detail .ProIntro .FAQ dl h2{ font-size:14px; font-weight:normal;}
.list .detail .ProIntro .FAQ dl dt{ width:100%; height:30px; overflow:hidden;}
.list .detail .ProIntro .FAQ dl dt .commentator{ float:left; height:30px; line-height:30px; font-size:0.8em;}
.list .detail .ProIntro .FAQ dl dt .time{ float:right; height:30px; line-height:30px; text-align:right; font-size:0.8em; color:#686c6e;}
.list .detail .ProIntro .FAQ dl dd{ font-size:1.0em; padding-top:10px; }

.list .xgtj{ background:#fff;}
.list .xgtj dt{ text-align:center; height:30px; line-height:30px; font-size:15px; color:#666; padding-top:10px;}
.list .xgtj ul{ overflow:hidden; zoom:1; margin:4px;}
.list .xgtj ul li{ float:left; width:50%; overflow:hidden;}
.list .xgtj ul li a{ display:block; margin:4px;}
.list .xgtj ul li a img{ border:1px solid #e6e6e6;}
.list .xgtj ul li a .ProName{ height:40px; line-height:20px; font-size:12px; color:#333; overflow:hidden; padding-top:3px; overflow:hidden; text-align:left;}
.list .xgtj ul li a .ProPay{ height:25px; line-height:25px; overflow:hidden; zoom:1;}
.list .xgtj ul li a .ProPay .price{ display:inline-block; text-align:left; color:#fc8138; font-size:12px;}
.list .xgtj ul li a .ProPay .price span{ color:#fc8138; font-size:14px;}
.list .xgtj ul li a .ProPay del{ display:inline-block; text-align:left; color:#888; font-size:12px; margin-left:5px;}

.list .cart{ position:fixed; width:100%; max-width:640px; border-top:1px solid #e6e6e6; height:45px; bottom:0px; background:#fff; z-index:98;}
.list .cart dl{ position:relative;}
.list .cart dl dt{ position: absolute; left:0px; top:0px; height:45px; width:30%; overflow:hidden; zoom:1; }
.list .cart dl dt a{ float:left; display:block; width:50%; border-left:1px solid #e5e5e5; margin-left:-1px;}
.list .cart dl dt a:first-child{ display:block; height:45px; line-height:72px; font-size:12px; text-align:center; overflow:hidden; color:#53a804; background:url(../img/big.png) no-repeat center 4px; background-size:auto 20px;}
.list .cart dl dt a:last-child{ display:block; height:45px; line-height:72px; font-size:12px; text-align:center; overflow:hidden; color:#999; background:url(../img/big2.png) no-repeat center 4px; background-size:auto 20px;}
.list .cart dl dd{ margin-left:30%; padding-top:0px; margin-right:0px; overflow:hidden; zoom:1;}
.list .cart dl dd a{ float:left; display:block; width:50%; color:#fff; height:45px; line-height:45px; text-align:center; font-size:16px;}
.list .cart dl dd a:first-child{ color:#fff; background: #fc8239;}
.list .cart dl dd a:last-child{ color:#fff; background:#53a804;}

.list .cart dl dd a.white{ color:#e93967; background:#fff; width:27%; border:1px solid #af2d2d; margin-left:3%;}
.list .cart dl dd .praise { position:absolute; top:5px; right:-45px; width:35px; height:35px; background:url(../img/praise.png) no-repeat 0px center; background-size:auto 20px;}
.list .cart dl dd .nopraise { position:absolute; top:5px; right:-45px; width:35px; height:35px; background:url(../img/nopraise.png) no-repeat 0px center; background-size:auto 20px;}


.ComfirmBox{ position:fixed; width:100%; max-width:640px; display:none; height:100%; top:0; z-index:1001;}
.ComfirmBox .bg { position:absolute; width:100%; height:100%; left:0px; bottom:0px; background: rgba(0, 0, 0, 0.6);}
.ComfirmBox .ProProp { position:absolute; width:100%; left:0px; bottom:0px; background:#fff;}
.ComfirmBox .ProProp dl.NumLine{ position:relative; height:40px; line-height:40px;}
.ComfirmBox .ProProp dl.NumLine dt{ position:absolute; color:#323232; font-size:15px; height:40px; line-height:40px;}
.ComfirmBox .ProProp dl.NumLine dd{ overflow:hidden; zoom:1; height:20px; line-height:20px; position:absolute; top:10px; right:10px;}
.ComfirmBox .ProProp dl.NumLine dd .reduce,
.ComfirmBox .ProProp dl.NumLine dd .Add{ float:left; width:18px; height:18px; line-height:16px; font-size:20px; text-align:center; border:1px solid #53a804; background:#53a804; border-radius:50%; cursor:pointer; color:#fff; font-weight:normal;}
.ComfirmBox .ProProp dl.NumLine dd .Number{ float:left; display:block; width:31px; height:20px; line-height:20px; text-align:center; color:#323232; font-size:18px;}
.ComfirmBox .ProProp dl.NumLine dd .reduce_gray,
.ComfirmBox .ProProp dl.NumLine dd .Add_gray{ background:#e5e5e5; pointer-events:none; border:1px solid #e5e5e5; color:#fff; }


.ComfirmBox .ProProp dl.SizeLine{border-bottom:1px solid #e6e6e6;}
.ComfirmBox .ProProp dl.SizeLine dt{color:#323232; font-size:15px; height:32px; line-height:32px;}
.ComfirmBox .ProProp dl.SizeLine dd ul{ overflow:hidden; zoom:1;}
.ComfirmBox .ProProp dl.SizeLine dd ul li { float:left; text-align:center; padding:0px 20px; height:30px; line-height:30px; border-radius:15px; background:#f0f0f0; color:#808080; font-size:14px; margin-right:25px; margin-bottom:10px;}
.ComfirmBox .ProProp dl.SizeLine dd ul li.selected{ background:#53a804; color:#fff;}

.ComfirmBox .ProProp .LineList{ position:relative; background:#fff; margin-left:10px;}
.ComfirmBox .ProProp .LineList .ProPic{ position:absolute; left:0px; top:-10px; width:90px; height:90px;}
.ComfirmBox .ProProp .LineList .ProPic a{ padding:1px; display:block; width:90px; height:90px;}
.ComfirmBox .ProProp .LineList .ProPic a img{ display:block; width:89px; height:89px; border:1px solid #e6e6e6; border-radius:5px; overflow:hidden;}
.ComfirmBox .ProProp .LineList .nameContent{ padding-left:112px; height:90px; color:#686868; position:relative; text-align:left; border-bottom:1px solid #e6e6e6;}
.ComfirmBox .ProProp .LineList .nameContent .ProName{ font-size:10px; height:12px; line-height:12px; overflow:hidden; font-weight:400; margin-right:25px; padding-top:0px;}
.ComfirmBox .ProProp .LineList .nameContent .ProName a{ color:#323232;}
.ComfirmBox .ProProp .LineList .nameContent .price{ height:30px; font-size:13px; color:#fc8239; font-weight:normal; padding-top:20px;}
.ComfirmBox .ProProp .LineList .nameContent .price span{ font-size:20px;}
.ComfirmBox .ProProp .LineList .nameContent .count{ height:22px; line-height:22px; font-size:14px; color:#666; font-weight:normal;}
.ComfirmBox .ProProp .LineList .nameContent .count em{ font-style:normal; padding:0px 3px;}
.ComfirmBox .ProProp .LineList .nameContent .tips{ height:22px; line-height:22px; font-size:14px; color:#666; font-weight:normal;}
.ComfirmBox .Action { height:40px; line-height:40px; color:#fff; background:#fc8239; font-size:18px; text-align:center;}

.accoutlist{ margin-top:60px;}
.addaccount a{ display:block;width:80%; padding:25px; background:#fff; border-radius:6px; margin:10px auto; text-align:center;}
.addaccount p{ font-size:14px; color:#999;}
.addaccount img{ display:inline-block; width:50px; height:50px;}
.accoutlist ul li{ width:80%; padding:25px; background:#4d82e4; border-radius:6px; margin:10px auto; position:relative;}
.accoutlist ul li .icon{ float:left;width:34px; height:34px;}
.accoutlist ul li .icon img{ display:block;}
.accoutlist ul li .mess{ float:left; margin-left:10px;}
.accoutlist ul li .mess  p{ font-size:18px; color:#fff;}
.accoutlist ul li .mess  span{ font-size:12px; color:#fff; display:block; margin-top:6px;}
.accoutlist ul li .mess  b{ font-size:16px; color:#fff; font-weight:normal; padding-top:6px; display:inline-block;}
.clear{ clear:both;}
.addbank{margin-top:80px;}
.addbank h1{ font-weight:normal; font-size:15px; color:#333; padding:15px; background:#fff; margin-bottom:10px;}
.addbank ul{ padding-left:15px;background:#fff;}
.addbank ul li{ padding:15px; padding-left:0 ; border-bottom:1px #e5e5e5 solid;}
.addbank ul li span{ display:inline-block; width:20%;}
.addbank ul li input{ display:inline-block; width:80%; font-size:14px; color:#666; border:none;}
.sure{ margin-top:30px;}
.sure input{ width: 88%; height:43px; line-height: 43px; display: block; margin:0 auto; background-color: #53a805; border-radius: 5px; text-align: center; color: #fff; font-size:15px;}

